<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
				
			div{
				width: 100px;
				height: 100px;
			}
		</style>
	</head>
	<body>
		1.背景色<br /><br />
		<div style="background-color: red;"></div>
		<br /><br />
		2.背景图片平铺
		<div style="background-image:url(../../第一周7.12~7.18/赵浩楠-Day01/imges/小图标.png)"></div>
		<br /><br />
		3.取消背景图片平铺
		<div style="background-image: url(../../第一周7.12~7.18/赵浩楠-Day01/imges/小图标.png);background-repeat: no-repeat;"></div>
		<br /><br />
		4.背景图的尺寸---沾满（特殊：不能简写）
		<div style="background-image:url(../../第一周7.12~7.18/赵浩楠-Day01/imges/小图标.png);background-size: cover;"></div>
		<br /><br />
		5.背景图的固定
		<div style="width: 100%;height: 100px;background-attachment: fixed;background-image: url(../../第一周7.12~7.18/赵浩楠-Day05/imges/banner图_02.png);"></div>
		
		<br /><br /><br />
		<br />
		
		<br /><br /><br />
		
		<br /><br /><br /><br />
		
		6.背景图的定位
		<div style="background-image: url(../../第一周7.12~7.18/赵浩楠-Day01/imges/小图标.png);background-repeat: no-repeat;background-position: right; top;"></div>
		<br /><br />
		7.简化操作
		background：颜色  url() 重复(no-repeat) 定位(right top) 固定(fixed)
		<br /><br />
	</body>
</html>
